<template>
  <el-col :span="6" style="padding-left: 10px; padding-right: 10px;">
    <div class="box bgc3 sku-sale-rank">
      <div class="header">
        <div class="title">
          商品热榜
          <span class="sub-title">2022.10.01 ~ 2022.10.28</span>
        </div>
      </div>
      <div class="body">
        <el-row>
          <el-col :span="5">
            <div class="top top1">1</div>
          </el-col>
          <el-col :span="13">
            <div title="可口可乐" class="sku-name">可口可乐</div>
          </el-col>
          <el-col :span="6">
            <div class="count">1376单</div>
          </el-col>
        </el-row>
      </div>
    </div>
  </el-col>
</template>

<script>
export default {
  data() {
    return {
      topList: [
        { skuId: '0', skuName: '可口可乐', count: 1376, amount: 0 },
        { skuId: '0', skuName: '茉莉花茶', count: 1369, amount: 0 },
        { skuId: '0', skuName: '康师傅冰红茶', count: 1292, amount: 0 },
        { skuId: '0', skuName: '统一阿萨姆奶茶', count: 1282, amount: 0 },
        { skuId: '0', skuName: '星巴克', count: 1276, amount: 0 },
        { skuId: '0', skuName: '怡宝', count: 1251, amount: 0 },
        { skuId: '0', skuName: '100橙汁自然纯', count: 1239, amount: 0 },
        { skuId: '0', skuName: '青梅绿茶', count: 1180, amount: 0 },
        { skuId: '0', skuName: 'A酷儿橙汁 1.5L', count: 855, amount: 0 },
        { skuId: '0', skuName: '冰糖雪梨', count: 646, amount: 0 }

      ]
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
